草庐IT

CSS 响应中心 Div

全部标签

javascript - 圆滑的轮播响应断点

这是我用来在我的网页上创建一个漂亮的轮播的配置:$('#carousel').slick({infinite:true,slidesToShow:3,slidesToScroll:1,arrows:true,autoplay:true,autoplaySpeed:2000,responsive:[{breakpoint:1200,settings:{slidesToShow:2,slidesToScroll:1,},},{breakpoint:1008,settings:{slidesToShow:1,slidesToScroll:1,},},{breakpoint:800,setti

javascript - 使用 setTimeout 提高响应能力

在寻求提高页面性能时,我以前从未听说过的一种技术是使用setTimeout来防止javascript阻止页面呈现。例如,假设我们有一段特别耗时的jQuery内联html:$('input').click(function(){//Dostuff});如果这段代码是内联的,我们将阻止页面的感知完成,而jquery片段正忙于将点击处理程序附加到页面上的每个输入。生成一个新线程是否明智:setTimeout(function(){$('input').click(function(){//Dostuff})},100);我能看到的唯一缺点是,现在用户更有可能在附加点击处理程序之前点击元素。然

javascript - 如何使用 jQuery.Ajax 访问 JSON 响应以获得 400 错误?

在jQuery中,我向服务器提交表单。当出现验证错误时,我从服务器收到一个400错误,文档的主体是有效的JSON。我想知道如何访问从服务器返回的数据。我在jQuery.Ajax对象上的.error回调函数从未被调用,所以我使用的是.statusCode{400}函数。这运行得很好,但是没有一个参数包含响应主体。 最佳答案 我尝试获取状态为400的json响应,它适用于IE7、8和9、Firefox和Chrome(Safari未测试)。...error:function(xhr){error(xhr.responseText);}..

javascript - 在 ASP.NET MVC 中组合和缩小 JS 和 CSS

我创建了默认的ASP.NETMVC3Web应用程序。然后我在\Views\Shared_Layout.cshtmlView中添加了三个css和三个js文件:@ViewBag.Title....当我运行应用程序时,我的html代码是HomePage是否有可能在MVC中有一个处理程序来将我的输出html更改为:HomePage所以链接js.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js会将所有这些js文件的内容返回给浏览器,链接css.axd=/Content/Site.css,/Cont

javascript - 如何使用jasmine测试一个需要很长时间才能响应的异步函数?

我正在使用一个函数从webapi获取数据。基本上使用$.ajax。我现在用waits()像这样测试它:describe('xxxxxxxxxxxxxxxxxxxxx',function(){varr;it('fetchFilter',function(){runs(function(){model.fetch(opts).done(function(data){r=data;});});waits(2000);runs(function(){expect(r[0].gender).toBeDefined();});});});问题是:不能保证waits(2000)会很好地完成这项工作。

javascript - 使用 CSS 为跨度中的第 n 个字母设置样式

我有:12h12m12s并且我希望使h、m和s小于文本的其余部分。我听说过css中的nth-letter伪元素,但它似乎不起作用:#string:nth-letter(3),#string:nth-letter(6),#string:nth-letter(9){font-size:2em;}我知道我可以使用javascript来解析字符串并用周围的span标签替换字母并设置标签的样式。但是,该字符串每秒更新一次,而且似乎解析通常会占用大量资源。 最佳答案 在性能方面,我建议使用spanhell。12h12m12s每个h、m和s字母一

javascript - react-redux 获取组件父 div 的宽度

这是组件的一部分:importMyCompfrom'../../lib/MyComp'constData=({data})=>()如何获取MyComp容器内data-boxdiv的宽度? 最佳答案 查看此工作演示:JSFiddle:varParent=React.createClass({render:function(){returnHelloParent;}});varChild=React.createClass({componentDidMount:function(){alert('Parentwidth:'+this.r

javascript - 使用 Javascript 将 CSS3 支持添加到 IE7+

我想使用CSS3选择器(例如:nth-child),但任何版本的IE都不支持它们。在我的Rails应用程序中,我已经包含了Script.aculo.us和Prototype,如果不必包含Jquery就好了。是否有修复IE行为的脚本?(我对IE6兼容性不感兴趣) 最佳答案 看看IE8.js图书馆DeanEdwards.它几乎可以满足您的要求。参见IE7TestPage对于它修复的东西。 关于javascript-使用Javascript将CSS3支持添加到IE7+,我们在StackOver

javascript - 通过 Javascript 继承 CSS 值

在我的页面上,我正在通过javascript更改一些css样式。当我尝试提取一个已继承的值时-它出现空白。请考虑以下事项:.Sliding{display:none;overflow:hidden;}.Sliding#FilterBox{height:185px;background-color:Fuchsia;}和html:TestFormThisisatest/12345如果我查看元素“document.getElementById(objname).style.display”,它是空白的吗?如何通过javascript读取显示值? 最佳答案

javascript - 如何使用 CSS 使图像适合 200 像素的方框?

我有一堆图像,它们都适合一个400px×400px的框(也就是说,其中一个尺寸为400px,另一个尺寸更小)。我希望能够使用CSS,但如有必要,则使用jquery/javascript,将该图像适合200pxx200px的框,以便图像的两个边缘接触框,并且图像的其他两个边缘之间有间隙盒子。必须保持纵横比。我的HTML如下:我的CSS是:div.imagesdiv.small{width:200px;height:200px;line-height:200px;text-align:center;}div.imagesdiv.smallimg{vertical-align:middle;